<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title dir="rtl">BIENVENIDO AL SISTEMA DE ADMISION AL CLUB DE TOBI</title>

	<link rel="stylesheet" type="text/css" href="css/estilos.css" />
</h:head>


<h:body style="text-align:center;background-color: rgb(23,28,31);">
	<h:form>
		<div align="center" >
			<p:panelGrid  columns="3" id="pngIngresoLogin" >			
				<h:outputText value="Login: " />
				<p:spacer width="15"/>
				<p:panelGrid columns="3">
					<p:inputText value="#{inicioAction.usuarioBean.login}"/>
					<p:spacer width="30"/>
					<h:outputText value="#{inicioAction.mensajeValLogin}" />
				</p:panelGrid>
				
				<h:outputText value="Clave: " />
				<p:spacer width="15"/>
				<p:panelGrid columns="3">
					<p:password value="#{inicioAction.usuarioBean.clave}"/>
					<p:spacer width="30"/>
					<h:outputText value="#{inicioAction.mensajeValClave}" />
				</p:panelGrid>
				
				<p:commandButton value="Ingresar" action="#{inicioAction.validarIngreso}"/>
				<p:spacer width="15"/>
				<p:commandButton value="Limpiar" action="#{inicioAction.limpiarPanel}" update="pngIngresoLogin"/>
			</p:panelGrid>
			
		</div>
	</h:form>
</h:body>

</html>